<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <link rel="stylesheet" href="lib/font/css/font-awesome.css">
    <link rel="stylesheet" href="css/common/base.css">
    <link rel="stylesheet" href="css/product/product.css">
    <title>拍品详情</title>
</head>
<body>
    <div class="layout">
            <div class="productBox">
                <!--图片轮播展示-->
                <div class="pro_img">
                    <img src="img/item.jpg" alt="">
                </div>
                <!--详情-->
                <div class="pro_intro clearfix">
                     <div class="left">
                         <img src="img/user.jpg" class="headPortrait">
                         <p><span class="redBorderColor care">关注</span></p>
                         <div><span class="small"><i class="fa fa-eye" aria-hidden="true"></i>2600</span></div>
                         <div><span class="small"><i class="fa fa-user" aria-hidden="true"></i>500</span></div>

                     </div>
                    <div class="right">
                         <p class="title textLeft "><b class="redColor">盛新海.桃源问津</b>
                             <span class="fr redBtn">热拍中</span>
                         </p>
                         <p class="textLeft">作者:我你他</p>
                        <p class="textLeft">材质:纸本(无框)</p>
                        <div class="detail textLeft">
                                <span>详情介绍:</span>
                                <p>9.9新 未使用 浪琴黛绰维纳系列L5.502.5.08.7石英女表9.9新 未使用 浪琴黛绰维纳系列L5.502.5.08.7石英女表</p>
                        </div>
                        <p>查看更多</p>
                    </div>
                </div>
                <!--拍价-->
                <div class="price minHeight">
                        <!--倒计时-->
                    <div class="border-item">
                        <span class="timeResidue redColor">08:36:35</span>
                    </div>
                    <div class="minHeight outPrice textCenter">
                            <p class="textCenter" >当前价:1300元</p>
                            <div class="editBtn">
                                <button class="min">-</button>
                                <input type="text" class=" inputBorder redColor" value="1000">
                                <button class="plus">+</button>
                            </div>

                            <p> <button class="redBtn marginWith">我要出价</button></p>
                                    <!--<span class="redBtn ">一口价:100000</span>
                                    <button class="min">-</button>
                                    <input type="text" class="redBorderColor inputBorder redColor" value="当前价:￥1000">
                                    <button class="plus">+</button>
                                    <button class="redBtn marginWith">出价</button>-->

                    </div>
                    <div class="state clearfix minHeight">
                        <ul>
                            <li><img src="img/qi.png" alt=""><span>￥200</span></li>
                            <li><img src="img/qi.png" alt=""><span>￥300</span></li>
                            <li><img src="img/qi.png" alt=""><span>￥200</span></li>
                            <li><img src="img/qi.png" alt=""><span>￥包邮</span></li>
                            <li><img src="img/qi.png" alt=""><span>5分钟</span></li>

                        </ul>
                    </div>
                </div>
                <!--显示拍价人-->
                <div class="showNum clearfix minHeight">
                        <div class="item clearfix">
                             <div class="left fl">
                                 <img src="img/user.jpg" alt="" class="headPortrait">
                             </div>
                            <div class="center fl">
                                <p>唐长老</p>
                                <p>2016/12/30 8:27:26</p>
                            </div>
                            <div class="fl price">
                                <p class="redColor">￥1000</p>
                            </div>
                            <div class="right fr price ">
                                 <p><button class="redBorderBColor">领先</button></p>
                            </div>
                        </div>
                    <div class="item clearfix">
                        <div class="left fl">
                            <img src="img/user.jpg" alt="" class="headPortrait">
                        </div>
                        <div class="center fl">
                            <p>唐长老</p>
                            <p>2016/12/30 8:27:26</p>
                        </div>
                        <div class="fl price">
                            <p class="greyColor">￥1000</p>
                        </div>
                        <div class="right fr price ">
                            <p><button class="greyBorderBColor">出局</button></p>
                        </div>
                    </div>
                    <div class="item clearfix">
                        <div class="left fl">
                            <img src="img/user.jpg" alt="" class="headPortrait">
                        </div>
                        <div class="center fl">
                            <p>唐长老</p>
                            <p>2016/12/30 8:27:26</p>
                        </div>
                        <div class="fl price">
                            <p class="greyColor">￥1000</p>
                        </div>
                        <div class="right fr price ">
                            <p><button class="greyBorderBColor">出局</button></p>
                        </div>
                    </div>

                </div>
            </div>
    </div>
</body>
</html>